<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="icon" href="images/favicon.ico">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <div class="fruits pc100">
        <div class="head rel flex">
            <img class="pc100" src="images/banner1.jpeg">
            <p class="circle-box abs flex jc-c">
                <i class="circle ml-1s0" href="#"></i>
                <i class="circle ml-10 on" href="#"></i>
                <i class="circle ml-10" href="#"></i>
            </p>
        </div>
        <div class="classify mt-15 jc-c ai-c">
            <ul class="fd-fr jc-c ai-c">
                <li class="fd-c ai-c jc-c">
                    <img src="images/r1.png">
                    <p class="f16 mt-5">时令鲜果</p>
                </li>
                <li class="fd-c ai-c jc-c">
                    <img src="images/r2.png">
                    <p class="f16 mt-5">海鲜水产</p>
                </li>
                <li class="fd-c ai-c jc-c">
                    <img src="images/r3.png">
                    <p class="f16 mt-5">家禽蛋</p>
                </li>
                <li class="fd-c ai-c jc-c">
                    <img src="images/r4.png">
                    <p class="f16 mt-5">地方农产</p>
                </li>
                <li class="fd-c ai-c jc-c">
                    <img src="images/r5.png">
                    <p class="f16 mt-5">百果园公司</p>
                </li>
                <li class="fd-c ai-c jc-c">
                    <img src="images/r6.png">
                    <p class="f16 mt-5">农品茗茶</p>
                </li>
                <li class="fd-c ai-c jc-c">
                    <img src="images/r7.png">
                    <p class="f16 mt-5">五谷杂粮</p>
                </li>
                <li class="fd-c ai-c jc-c">
                    <img src="images/r8.png">
                    <p class="f16 mt-5">牛羊肉</p>
                </li>
            </ul>
            <div class="seckill fd-fr">
                <a class="ms flex ai-c jc-c">
                    <span class="fff f12">秒杀</span>
                    <div class="box fd-fr jc-sa ai-c pc100">
                        <div>
                            <p class="f14">秒杀</p>
                            <p class="f666 f12 mt-5">超值惊喜</p>
                            <p class="fff f12 mt-5">立即砍价</p>
                        </div>
                        <img src="images/miaosha-icon.e7d1fb11.png">
                    </div>
                </a>
                <a class="pt ml-5 flex ai-c jc-c">
                    <span class="fff f12">拼团</span>
                    <div class="box fd-fr jc-sa ai-c pc100">
                        <div>
                            <p class="f14">秒杀</p>
                            <p class="f666 f12 mt-5">超值惊喜</p>
                            <p class="fff f12 mt-5">立即砍价</p>
                        </div>
                        <img src="images/r8.png">
                    </div>
                </a>
            </div>
        </div>
        <a href="#" class="fd-fr welfare ai-c jc-sb">
            <p class="fd-fr fff f14">
                <i class="iconfont icon-youhuiquan ml-5"></i>
                <span class="ml-5">超值福利</span>
                <span class="ml-5">|</span>
                <span class="ml-5">全场满减</span>
            </p>
            <p class="fff f14 mr-10">
                <span>立即领取</span>
                <i class="iconfont icon-arrowright"></i>
            </p>
        </a>
        <div class="nav bg-fff">
            <ul class="fd-fr jc-sa nav-fl ai-c">
                <li class="f666 f14">推介</li>
                <li class="f666 f14 fd-fr ai-c jc-c">
                    <span>销量</span>
                    <div class="fd-c ml-5">
                        <i class="iconfont icon-arrowup f14"></i>
                        <i class="iconfont icon-arrowdown f14"></i>
                    </div>
                </li>
                <li class="f666 f14 fd-fr ai-c jc-c">
                    <span>价格</span>
                    <div class="fd-c ml-5">
                        <i class="iconfont icon-arrowup f14"></i>
                        <i class="iconfont icon-arrowdown f14"></i>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content bg-fff">
            <ul class="fd-fr jc-sb" id="list">
                <!-- <li>
                    <a href="details.html">
                        <img src="images/taozi.png">
                        <div class="mt-10">
                            <p class="f14 slh">【山东】金秋红蜜桃</p>
                            <p class="f12 slh">基地果园现摘现发&nbsp;鲜甜红闰肉厚&nbsp;富含维生素</p>
                            <div class="fd-fr mt-5 jc-sb">
                                <p class="fd-fr red">
                                    <span class="f12">￥</span>
                                    <span class="f14">57.8</span>
                                </p>
                                <p class="fd-fr f666">
                                    <span class="f12">销量:</span>
                                    <span class="f14">9998</span>
                                </p>
                            </div>
                        </div>
                    </a>
                </li>
    -->
            </ul>
        </div>
        <div class="f666 no flex ai-c jc-c mt-20">
            <p class="f14">没有更多了</p>
        </div>
        <div class="foot fd-fr jc-sa fixed">
            <a href="#" class="fd-c jc-c ai-c">
                <i class="iconfont icon-shouye"></i>
                <p class="f12 mt-5">首页</p>
            </a>
            <a href="classification.html" class="fd-c jc-c ai-c">
                <i class="iconfont icon-fenlei"></i>
                <p class="f12 mt-5">分类</p>
            </a>
            <a href="shoppingCart.html" class="fd-c jc-c ai-c">
                <i class="iconfont icon-gouwuche1"></i>
                <p class="f12 mt-5">购物车</p>
            </a>
            <a href="my.html" class="fd-c jc-c ai-c">
                <i class="iconfont icon-wode-weixuan"></i>
                <p class="f12 mt-5">我的</p>
            </a>
        </div>
    </div>
    </div>
    <script src="./js/fresh.js"></script>
</body>

</html>